input::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    red;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    red;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    red;
}
input:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color:   red;
}
input::-ms-input-placeholder { /* Microsoft Edge */
    color: red;
}
html body{
    font-family: "Microsoft Yahei", "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #333;
    width: 100%;
    min-width: 1200px;
}
.clear:after{
    display:block;
    clear:both;
    content:"";
    visibility:hidden;
    height:0;
}
.clear{
    zoom:1
}
.float{
    float: left;
}

.wid{
    width: 1200px;
    margin: 0 auto;
    position: relative;
}
.ms a{
    color: #fff;
}
/*头部信息*/
.MaxWid{
    width: 100%;
    background: #fff;
	padding-top: 20px;
}
.MaxWid .logo a{
    display: inline-block;
}
.heard .logo{
    width: 240px;
    padding: 10px 0px 10px 0px;
    height: 50px;
    overflow: hidden;
}
.heard .nav{
    height: 90px;
    width: 700px;
}

.nav ul .li{
    float: left;
    line-height: 70px;
}

.heard .nav ul .li:after{
    content: "";
    width: 0%;
    height: 2px;
    background: #ff081f;
    position: absolute;
    left: 50%;
    bottom:16px;
    overflow: hidden;
    transition: all .5s ease-out;
    -webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
}
.heard .nav ul .li:hover:after{
    width: 100%;
    left: 0%;
}

.heard .nav ul .li a:hover {
    opacity: .8;
}

.search p{
    line-height: 30px;
    position: relative;
    border: 1px solid #f3f3f3;
    border-radius: 2px;
    padding-left: 16px;
    background: #f9f9f9;
}

.finder{
    font-size: 12px;
    width: 66px;
    line-height: 30px;
    text-align: center;
    position: absolute;
    background-size: 25px;
    right: 16px;
    top: 20px;
    cursor: pointer;
    border: 1px solid #ccc;
    border-radius: 6px;
    color: red;

}
.search-box{
    width: 1180px;
    height: 45px;
    position: absolute;
    top: 70px;
    left: 0;
    z-index: 1;
    border-top: 1px solid #eee;
    background: #fff;
    display: none;
}
.search-box .search_from {
    width: 1180px;
    height: 100%;
    margin: auto;
    position: relative;
}

.search-box .inp-search {
    height: 45px;
}
.search-box .inp-search input {
    border: none;
    outline: 0;
    font-size: 16px;
    line-height: 45px;
    padding-left: 16px;
    display: block;
    width: 1160px;
    border-bottom:1px solid #efecec;
    font-size: 15px;
}
.search-box .hot-search {
    padding: 16px 0px;
    width: 1178px;
    height: auto;
    position: absolute;
    top: 44px;
    left: 0;
    border: 1px solid #eee;
    display: none;
    background: #fff;
}

.search-box .hot-search li {
    padding: 3px 26px;
    line-height: 30px;
    font-size: 14px;
}
.search-box .hot-search li a {
    font-size: 15px;
    margin-left: 8px;
}
.search-box .hot-search li span{
    padding: 0px 4px;
    background: #ccc;
    border-radius: 4px;
    color: #fff;
    font-size: 12px;
}
.search-box .hot-search li span.ms1{
    background: #ff8875;
}
.search-box .hot-search li span.ms2{
    background: #ffbb5b;
}
.search-box .hot-search li span.ms3{
    background: #a6d960;
}

.search-box .hot-search li a:hover{
    text-decoration: underline;
    font-weight: bold;
}
.search-box .search-close {
    width: 28px;
    height: 28px;
    position: absolute;
    top: 8px;
    right: 8px;
    cursor: pointer;
    background:#f5f5f5 url('/static/images/index/close.png') no-repeat center;
    background-size: 36px auto;
    border:1px solid #eaeaea;
}
.search_wall {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 0;
    display: none;
}

/*cidaohang code*/

.neirong {
    position: absolute;
    padding: 30px 60px;
    top: 110%;
    left: 0%;
    background-color: #ffffff;
    visibility: hidden;
    opacity: 0;
    z-index: 10;
    filter: alpha(opacity=0);
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
}

.neirong-list {
    width: 1075px;
    left: 280px;
    height: 280px;
}

.menu:hover .neirong-list {
    top: 129%;
    visibility: visible;
    opacity: 1;
    filter: alpha(opacity=100);
}
.ci-nav .li{
    position: relative;
    display: block;
    margin-left: 30px;
}
.ci-nav .li .menu-title{
    margin-top: 22px;
    margin-bottom: 15px;
    color: #616161;
    font-size: 16px;
	font-weight:bold;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
}
.ci-nav .li i{
    width: 15px;
    height: 15px;
    margin-right: 5px;
    background-image: url("/static/images/public/imc.png");
    background-repeat: no-repeat;
}
.ci-nav .li .imo0, .ci-nav .li .imo7{
    float: left;
    display: block;
    background-size: 30px;
    margin-top: 1px;
    background-position: 0px 0px;
}
.ci-nav .li .imo1{
    float: left;
    display: block;
    background-size: 30px;
    margin-top: 1px;
    background-position: 0px -94px;
}
.ci-nav .li .imo2{
    float: left;
    display: block;
    background-size: 30px;
    margin-top: 1px;
    background-position: 0px -124px;
}
.ci-nav .li .imo3{
    float: left;
    display: block;
    background-size: 30px;
    margin-top: 1px;
    background-position: 0px -63px;
}
.ci-nav .li .imo4{
    float: left;
    display: block;
    background-size: 30px;
    margin-top: 1px;
    background-position: 0px -33px;
}
.ci-nav .li .imo5{
    float: left;
    display: block;
    background-size: 30px;
    margin-top: 1px;
    background-position: 0px -154px;
}
.ci-nav .li .imo6{
     float: left;
     display: block;
     background-size: 30px;
     margin-top: 1px;
     background-position: 0px -33px;
 }

.ci-nav .li .xiabiao{
    background-size: 26px;
    font-size: 12px;
    margin-left: 2px;
    position: relative;
    top: 2px;
    left: 4px;
    display: inline-block;
    line-height: 1;
    background-position: 0px -150px;
}
.ci-nav .li:hover .xiabiao{
    background-position: 0px -172px;
}
.yangshi .yang-top{
    margin-bottom: 10px;
}
.yangshi .yang-bt{
    padding-bottom: 10px;
    color: #313131;
    font-size: 18px;
    line-height: 1;
    border-bottom: 1px solid #f5f5f5;
}
.yangshi .yang-top ul li, .yangshi .yang-bottom ul li{
    margin-bottom: 26px;
    width: 265px;
    line-height: 1.1;
    float: left;
}

.yangshi ul li a:hover .menu-title{
    color: #1ec67a;
}
.yangshi .yang-top ul li .menu-list{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    color: #919191;
    font-size: 13px;
    letter-spacing: 1px;
}
.women{
    opacity:0;
    visibility: hidden;
    position: absolute;
    left: 0;
    top: 110%;
    width: 110px;
    max-width: 110px;
    padding: 8px 10px;
    background: #fff;
    border-radius: 2px;
    z-index: 99;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
}
.women li{
    float: left;
}
.women li a{
    padding-left: 10px;
    display: block;
    line-height: 36px;
    color: #313131;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    font-size: 14px;
    color: #616161;
}
.women li a:hover{
    color: #1ec67a;
}
.lianxi:hover .women{
    top: 100%;
    visibility: visible;
    opacity: 1;
    filter: alpha(opacity=100);
}
.lxwomen{
    height: 20px;
    padding: 25px 0px;
    position: relative;
}
.lxwomen span{
    display: inline-block;
    font-size: 15px;
    font-weight: normal;
    line-height: 1.428571429;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
}
.lxwomen i{
    background-image: url("/static/images/public/imc.png");
    background-repeat: no-repeat;
}

.lxwomen span.dianh .num{
    float: left;
    margin-right: 5px;
    width: 15px;
    height: 15px;
    display: block;
    background-size: 30px;
    background-repeat: no-repeat;
    margin-top: 3px;
    background-position: 0 -244px;
}
.xm {
    position: relative;
    cursor: pointer;
    margin-left: 30px;
}
.biao-hover{
    position: absolute;
    left: -23px;
    margin-top: 15px;
    z-index: 999;
    visibility: hidden;
    width: 98px;
    height: 98px;
    background: #fff;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.biao-hover img{
    padding: 7px;
}
.biao-hover:before{
    display: block;
    content: "";
    border-width: 9px;
    border-style: solid;
    border-color: transparent transparent #ffffff transparent;
    position: absolute;
    left: 40%;
    bottom: 100%;
}
 .lxwomen .xm:hover .biao-hover {
    visibility: visible;
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

/* 底部 */
.Footer {
    clear: both;
    width: 100%;
    background: #e6e6e6;
    padding: 10px 0px;
    margin-top: 10px;
}

.FooterMail {
    width: 1180px;
    margin: 0 auto;
}

.FooterMail .top {
    float: left;
    width: 13rem;
    padding:10px;
}

.FooterMail .top span {
    height: 32px;
    display: block;
    font-weight: bold;
    font-size: 16px;
}

.FooterMail .top-6 p {
    font-size: 14px;
    line-height: 2rem;
}

.FooterMail .top ul li {
    line-height: 32px;
}

.FooterMail .top ul li a {
    line-height: 32px;
    font-size: 14px;
}

.f-link {
    clear: left;
}

.lianxwm{
    padding: 10px 0px;
    border-top:1px dashed #ccc;
    text-align: center;
}
.lianxwm p {
    font-size: 14px;
    line-height: 30px;
    display: inline-block;
    padding-right: 36px;
}

.lianxwm p span {
    display: inline-block;
}

.lianxwm p .zx {
    margin-right: 20px;
}
.Add{
    padding:16px 0px;
    text-align: center;
}
.Add p a{
    padding: 0 3px;
}
.Add p a:hover{
    color: blue;
}
/*新增自适应部分*/
.Carousel li img{
    width: 1920px;
    height: 500px;
}
.chengzhuangcx ul li a img{width: 270px}

 @media (max-width: 1200px){

/*首页  */
  html body{
      min-width: auto;
      overflow-x:hidden ;
  } 
  .wid{width: 100%;}
  .heard .logo{width: 100%;float: none;padding: 0;display: block;text-align: center;}
  .searchs{display: none;}
  .heard .nav{width: 100%;height: auto;}
  .nav ul .li{width: 33%;text-align: center;margin-left: 0; height: 35px;line-height: 35px;}
  .nav ul .myhome{display: none;}
  .nav ul .li i.xiabiao{display: none;}
  .czx{display: none}
  .chengzhuangcx,.xinwent{width: 100%;min-width: 100%;}
  .chengzhuangcx h2,.ulike-class h2,.xinwent .xinwenbiaoti,.hzhb h2{padding: 30px 0 15px 0;}
  .chengzhuangcx ul{text-align: center;}
  .chengzhuangcx ul li{display: inline-block;float: none;width: 48%;margin: 2px 1px;padding: 0;}
  .ulike-class{width: 100%;}
  .ulike-class ul li{width: 23%;margin-right: 4px;height: 130px; }
  .ulike-class ul li a{padding:10px 2px 5px;}
  .ulike-class ul li a span{line-height: 15px;font-size: 12px;margin-top: 10px;}
  .newsleft,.newsright{width: 100%;}
  .cooperationbg,.dibuwid{width: 100%;}
  .hzhb p,.MaxImg .Carousel{display: none;}
  .rexiao, .ulike-women{float: none;width: 100%;padding-left: 5px}
  .banquan{margin-top: 0;padding-bottom: 10px;}
  .rexiao img{width: 100px;height: 100px;top: 150px;left: 250px;}
  .chengzhuangcx ul li a img{width: 100%}
  .dibu .zizhi li{width: 100%;padding: 0 5px}
  .dibu ul li .dibuwenben{max-width: 275px}
  .xinwent ul{width: 100%;padding: 5px}
  .xinwent li{font-size: 14px}
  .xinwent li span{display: none;}
  .neirong-list{display: none !important;}
/*  产品列表页*/
.width strong,.list_img,.liebiao .sideleft{display:none;}
.liebiao .sideright{width:100%;}
.width{width:100%;}
.liebiao .sideright ul li{float:none;width:100%;}
/*产品分类页*/
  .content .mail ul li{width:48%;}
  .content .mail ul li img{width:100%}
  .content .mail ul li span{display:none;} 
  .clxzleft,.clxzright,.myhiden{display:none;}
  .myhinde{display: none;}
}